<ion-header >
  <ion-toolbar  color="primary">
    <ion-row>
      <ion-title>用户登录</ion-title>
      <div (click)="goOffline()" ion-button color="light" clear  ><ion-icon name="information-circle"></ion-icon>&nbsp;离线操作</div>
    </ion-row>
  </ion-toolbar>
</ion-header>

<ion-content>
<ion-slides (ionSlideDidChange)="fix()" pager autoplay="3000" loop="true"  style="height: 200px;background-color: ghostwhite;" >

  <ion-slide >
    <ion-img style="width: 100%; height: 200px;" src="assets/imgs/Banner1.jpg"></ion-img>
  </ion-slide>

  <ion-slide>
    <ion-img style="width: 100%; height: 200px;" src="assets/imgs/Banner2.jpg"></ion-img>
  </ion-slide>

  <ion-slide>
    <ion-img style="width: 100%; height: 200px;" src="assets/imgs/Banner3.jpg"></ion-img>
  </ion-slide>

  <ion-slide>
    <ion-img style="width: 100%; height: 200px;" src="assets/imgs/Banner4.jpg"></ion-img>
  </ion-slide>

</ion-slides>


  <ion-list>
    <ion-item>
      <ion-label stacked>用户名</ion-label>
      <ion-input type="text" [(ngModel)]="userName"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>密码</ion-label>
      <ion-input  type="password"  [(ngModel)]="pwd"></ion-input>
    </ion-item>
  </ion-list>

  <div padding>
    <button ion-button block id="dologin" (click)="doLogin()"><ion-icon name="log-in"></ion-icon>&nbsp;登录</button>
  </div>
  <div>
    <button ion-button clear (click)="scanLogin()"> <ion-icon name="barcode"></ion-icon>&nbsp;扫码登录</button>
  </div>
</ion-content>


